<!DOCTYPE HTML>
<!--
	二手电子乐园 - 信息审核制度页面
	基于 Helios by HTML5 UP 模板改造
-->
<html>
<head>
	<title>信息审核制度 - 二手电子乐园</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="description" content="了解二手电子乐园的信息审核制度和规范" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	<style>
		[v-cloak] { display: none; }
		.policy-hero {
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			color: white;
			padding: 3em 0;
			text-align: center;
			margin-bottom: 2em;
		}
		.policy-hero h1 {
			font-size: 2.5em;
			margin-bottom: 0.5em;
		}
		.policy-hero p {
			font-size: 1.2em;
			opacity: 0.9;
		}
		.iframe-container {
			background: white;
			padding: 2em;
			border-radius: 12px;
			box-shadow: 0 4px 20px rgba(0,0,0,0.1);
			margin-bottom: 2em;
		}
		.iframe-placeholder {
			background: #f8f9fa;
			border: 2px dashed #ddd;
			height: 600px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #666;
			border-radius: 8px;
			flex-direction: column;
			gap: 1em;
		}
		.iframe-placeholder i {
			font-size: 4em;
			color: #ddd;
		}
		.contact-info {
			background: #e3f2fd;
			padding: 2em;
			border-radius: 8px;
			border-left: 4px solid #2196f3;
		}
		.contact-info h3 {
			color: #1976d2;
			margin-bottom: 1em;
		}
		.contact-info p {
			margin-bottom: 0.5em;
		}
	</style>
</head>
<body class="is-preload" v-scope v-cloak>
	<div id="page-wrapper">
		<!-- Header Container -->
		<div id="header-container"></div>

		<!-- Policy Hero Section -->
		<section class="policy-hero">
			<div class="container">
				<h1>信息审核制度</h1>
				<p>确保平台信息真实可靠，维护良好的交易环境</p>
			</div>
		</section>

		<!-- Main -->
		<div class="wrapper style1">
			<div class="container">
				<article id="main" class="special">
					<header>
						<h2>信息审核制度详情</h2>
						<p>为了保障用户权益，维护平台秩序，我们制定了严格的信息审核制度</p>
					</header>

					<!-- 内容区域 -->
					<div class="iframe-container">
						<div class="iframe-placeholder">
							<i class="fas fa-file-alt"></i>
							<h3>信息审核制度文档</h3>
							<p>此处将显示详细的信息审核制度内容</p>
							<p>包括审核流程、审核标准、违规处理等相关规定</p>
							<small>内容加载中，请稍候...</small>
						</div>
						<!-- 实际使用时可以替换为真实的iframe -->
						<!-- <iframe src="path/to/information-policy.html" width="100%" height="600" frameborder="0"></iframe> -->
					</div>

					<!-- 重要提示 -->
					<div class="contact-info">
						<h3><i class="fas fa-info-circle"></i> 重要提示</h3>
						<p><strong>审核时间：</strong>所有发布的商品信息将在24小时内完成审核</p>
						<p><strong>审核标准：</strong>我们严格按照国家相关法律法规和平台规定进行审核</p>
						<p><strong>申诉渠道：</strong>如对审核结果有异议，可通过客服邮箱 feedback@2ndelectronics.com 进行申诉</p>
						<p><strong>联系客服：</strong>如有疑问，请拨打客服电话 400-123-4567</p>
					</div>

					<!-- 快速导航 -->
					<section style="margin-top: 3em;">
						<header>
							<h3>相关政策</h3>
						</header>
						<div class="row">
							<div class="col-6 col-12-mobile">
								<ul class="actions">
									<li><a href="privacy-policy.html" class="button">隐私政策</a></li>
									<li><a href="about.html" class="button">关于我们</a></li>
								</ul>
							</div>
							<div class="col-6 col-12-mobile">
								<ul class="actions">
									<li><a href="vip.html" class="button">VIP特权</a></li>
									<li><a href="index.html" class="button">返回首页</a></li>
								</ul>
							</div>
						</div>
					</section>
				</article>
			</div>
		</div>

		<!-- Footer Container -->
		<div id="footer-container"></div>
	</div>

	<!-- Scripts -->
	<script src="utils/loader.js"></script>
	<script>
		// 等待所有脚本加载完成后初始化页面
		window.addEventListener('scriptsLoaded', function() {
			// 加载公共组件
			fetchHtml.fetchAll();
			
			// 初始化 petite-vue
			const { createApp } = PetiteVue;
			
			createApp({
				// 数据
				lastUpdated: '2024年1月15日',
				
				// 方法
				mounted() {
					// 页面加载完成后的初始化操作
					console.log('信息审核制度页面已加载');
				}
			}).mount();
		});
	</script>
</body>
</html>
